<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta http-equiv="X-UA-Compatible" content="ie=edge">
   <title>Document</title>
</head>
<body>
   请输入用户名：<input type="text" class= 'username'>
   <input type="button" class = 'btn' value = '验证'>
   <script>
      // 百度注册页面的验证
         // 用户名只能最多7个汉字 或者 14个英文字母  只能有14个字符，一个中文表示两个字符
            //   6汉字 只能写2
            // var reg = /[a-zA-Z]{14}/;
            var username = document.querySelector('.username')
            var btn = document.querySelector('.btn');
         // 函数验证
            btn.onclick = function(){
               // console.log(1);
               var reg = /[a-z\u4e00-\u9fa5]{2,14}/i;
               var str = username.value;
               var res = reg.test(str);
               if(res){
                  // 中文占两个字符，把中文转换成英文
                  var num = str.replace(/[\u4e00-\u9fa5]/g,'zz');
                  if(num.length>14){
                     alert('验证失败，用户名只能最多7个汉字或者14个英文字母')
                  }else{
                     alert('验证成功')
                  }
               }else{
                  alert('验证失败，用户名只能最多7个汉字或者14个英文字母')
               }
               
            }
            
   </script>
</body>
</html>